<template>
	<view class="service">
		<view class="line dFlex jBetween_aCenter">
			<view class="lineTit">头像</view>
			<view class="lineVal dFlex jEnd_aCenter">
				<view class="tx imgPublic">
					<image src="../static/logo.png"></image>
				</view>
			</view>
		</view>
		<view class="line dFlex jBetween_aCenter">
			<view class="lineTit">昵称</view>
			<view class="lineVal dFlex jEnd_aCenter">
				<view class="showVal">显示昵称</view>
				<!-- <view class="rightIcon imgPublic">
					<image src="https://wx.gdxixiashi.com/public/images/person/rightIcon.png" mode="widthFix"></image>
				</view> -->
			</view>
		</view>
		<view class="line dFlex jBetween_aCenter">
			<view class="lineTit">手机号</view>
			<view class="lineVal dFlex jEnd_aCenter">
				<view class="showVal">13800138000</view>
				<!-- <view class="rightIcon imgPublic">
					<image src="https://wx.gdxixiashi.com/public/images/person/rightIcon.png" mode="widthFix"></image>
				</view> -->
			</view>
		</view>
		<view class="line dFlex jBetween_aCenter">
			<view class="lineTit">真实姓名</view>
			<view class="lineVal dFlex jEnd_aCenter"> 
				<view class="showVal">13800138000</view>
				<!-- <view class="rightIcon imgPublic">
					<image src="https://wx.gdxixiashi.com/public/images/person/rightIcon.png" mode="widthFix"></image>
				</view> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		onShareAppMessage() {
			return{
				title:'洗匣士~您的家居窗帘清洗助手',
				path:'/pages/home?spreadId=' + (uni.getStorageSync('userId')?uni.getStorageSync('userId'):''),
				imageUrl:getApp().globalData.imgDomain+'public/logo.png',
				desc:'手机下单 | 专员取送 | 生态环保 | 轻奢洗护',
			}
		},
		onShareTimeline() {
			return{
				title:'洗匣士~您的家居窗帘清洗助手',
				path:'/pages/home?spreadId=' + (uni.getStorageSync('userId')?uni.getStorageSync('userId'):''),
				imageUrl:getApp().globalData.imgDomain+'public/logo.png',
				desc:'手机下单 | 专员取送 | 生态环保 | 轻奢洗护',
			}
		},
	}
</script>

<style lang="scss">
	page{
		background: white;
	}
	.service{
		width: 100%;
		padding: 0 4%;
		box-sizing: border-box;
		.line{
			padding: 14px 0;
			width: 100%;
			border-bottom: 1px solid #eeeeee;
			.lineTit{
				color: #666666;
				width: max-content;
			}
			.lineVal{
				flex: 1;
				margin-left: 12px; 
				.showVal{
					width: max-content;
				}
				.blue{
					color: #1664FF;
				}
				.rightIcon{
					width: 16px;
					margin-left: 6px;
				}
				.tx{
					width: 32px;
					height: 32px;
					border-radius: 50%;
					overflow: hidden;
					image{
						height: 100%;
					}
				}
			}
		}
		.line:last-child{
			border: none;
		}
	}
</style>
